84:I[903690,["/chat-static/_next/static/immutable/chunks/0t5koc6gywtjg.js","/chat-static/_next/static/immutable/chunks/2d5ra3e0435kr.js","/chat-static/_next/static/immutable/chunks/2v089ui-jko4d.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/3fk4u2d6m9dj-.js","/chat-static/_next/static/immutable/chunks/42f8gzjthz4xm.js","/chat-static/_next/static/immutable/chunks/1enj0--qh8_5a.js","/chat-static/_next/static/immutable/chunks/0ko_j9ax7y6x0.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/33yo_g45dr57n.js","/chat-static/_next/static/immutable/chunks/0sf49n39-457l.js","/chat-static/_next/static/immutable/chunks/2y4tmciu_pml1.js","/chat-static/_next/static/immutable/chunks/3e68w17lftq23.js","/chat-static/_next/static/immutable/chunks/38fcx4vaj9p6g.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/1nag2_qii5d3b.js","/chat-static/_next/static/immutable/chunks/2297wuuoux0mr.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2d_66tvt_-qxg.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/2i3ljaggpd7p4.js","/chat-static/_next/static/immutable/chunks/3u537i82dxvjy.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/0jywfwuiu_hpq.js","/chat-static/_next/static/immutable/chunks/0xg0t_a536i1t.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/0z_kwscs0-xkv.js","/chat-static/_next/static/immutable/chunks/1bfn_hru-4enh.js","/chat-static/_next/static/immutable/chunks/1zwrrh1n1isp0.js","/chat-static/_next/static/immutable/chunks/365o88upxg8nb.js","/chat-static/_next/static/immutable/chunks/2-h-ggegl4qz4.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/2niei3xz3mph4.js","/chat-static/_next/static/immutable/chunks/3j1smr879e_f6.js","/chat-static/_next/static/immutable/chunks/1j4n_6xagcur9.js","/chat-static/_next/static/immutable/chunks/2g2_401nxyrm5.js","/chat-static/_next/static/immutable/chunks/11o1o6qzk3ejc.js","/chat-static/_next/static/immutable/chunks/2nu9j7-o_9ilo.js","/chat-static/_next/static/immutable/chunks/3b6uum5y_1nfz.js"],"ExplicitChatIdProvider"] 85:I[838238,["/chat-static/_next/static/immutable/chunks/0t5koc6gywtjg.js","/chat-static/_next/static/immutable/chunks/2d5ra3e0435kr.js","/chat-static/_next/static/immutable/chunks/2v089ui-jko4d.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/3fk4u2d6m9dj-.js","/chat-static/_next/static/immutable/chunks/42f8gzjthz4xm.js","/chat-static/_next/static/immutable/chunks/1enj0--qh8_5a.js","/chat-static/_next/static/immutable/chunks/0ko_j9ax7y6x0.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/33yo_g45dr57n.js","/chat-static/_next/static/immutable/chunks/0sf49n39-457l.js","/chat-static/_next/static/immutable/chunks/2y4tmciu_pml1.js","/chat-static/_next/static/immutable/chunks/3e68w17lftq23.js","/chat-static/_next/static/immutable/chunks/38fcx4vaj9p6g.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/1nag2_qii5d3b.js","/chat-static/_next/static/immutable/chunks/2297wuuoux0mr.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/2d_66tvt_-qxg.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/2i3ljaggpd7p4.js","/chat-static/_next/static/immutable/chunks/3u537i82dxvjy.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/0jywfwuiu_hpq.js","/chat-static/_next/static/immutable/chunks/0xg0t_a536i1t.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/0z_kwscs0-xkv.js","/chat-static/_next/static/immutable/chunks/1bfn_hru-4enh.js","/chat-static/_next/static/immutable/chunks/1zwrrh1n1isp0.js","/chat-static/_next/static/immutable/chunks/365o88upxg8nb.js","/chat-static/_next/static/immutable/chunks/2-h-ggegl4qz4.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/2niei3xz3mph4.js","/chat-static/_next/static/immutable/chunks/3j1smr879e_f6.js","/chat-static/_next/static/immutable/chunks/1j4n_6xagcur9.js","/chat-static/_next/static/immutable/chunks/2g2_401nxyrm5.js","/chat-static/_next/static/immutable/chunks/11o1o6qzk3ejc.js","/chat-static/_next/static/immutable/chunks/2nu9j7-o_9ilo.js","/chat-static/_next/static/immutable/chunks/3b6uum5y_1nfz.js"],"SWRDataProvider"] 86:T3496,[V0_FILE]typescriptreact:file="types/menu.ts" export interface MenuItem { id: string name: string price: number image: string type: "Veg" | "Non Veg" category: string discount?: number } export interface OrderItem extends MenuItem { quantity: number } export interface TableOrder { id: string items: number status: "Process" | "Completed" location: string name: string } [V0_FILE]typescriptreact:file="components/sidebar.tsx" import { Menu, TableRowsSplitIcon as TableRows, CalendarRange, Truck, Calculator, Settings, LogOut } from "lucide-react" import Link from "next/link" import Image from "next/image" export function Sidebar() { return (

Logout

) } [V0_FILE]typescriptreact:file="components/header.tsx" isFixed="true" isQuickEdit="true" import { Search, Share2, Menu } from "lucide-react" interface HeaderProps { tableNumber: number customerName: string } export function Header({ tableNumber, customerName }: HeaderProps) { return (

Table {tableNumber}

{customerName}

) } [V0_FILE]typescriptreact:file="components/category-filter.tsx" import { Grid, Coffee, Soup, UtensilsCrossed, ChefHat, SandwichIcon as Hamburger } from "lucide-react" interface CategoryProps { active: string onSelect: (category: string) => void } export function CategoryFilter({ active, onSelect }: CategoryProps) { const categories = [ { id: "all", icon: Grid, label: "All", items: "235 Items" }, { id: "breakfast", icon: Coffee, label: "Breakfast", items: "19 Items" }, { id: "soups", icon: Soup, label: "Soups", items: "8 Items" }, { id: "pasta", icon: UtensilsCrossed, label: "Pasta", items: "14 Items" }, { id: "main", icon: ChefHat, label: "Main Course", items: "27 Items" }, { id: "burgers", icon: Hamburger, label: "Burges", items: "13 Items" }, ] return (

{categories.map((category) => ( ))}

) } [V0_FILE]typescriptreact:file="components/menu-grid.tsx" "use client" import Image from "next/image" import type { MenuItem } from "../types/menu" interface MenuGridProps { items: MenuItem[] onAddItem: (item: MenuItem) => void } export function MenuGrid({ items, onAddItem }: MenuGridProps) { return (

{items.map((item) => (

{item.discount && (

{item.discount}% Off

)}

{item.name}

${item.price.toFixed(2)}

{item.type}

))}

) } [V0_FILE]typescriptreact:file="components/order-summary.tsx" isFixed="true" isQuickEdit="true" "use client" import { QrCode, CreditCard, Minus, Plus } from "lucide-react" import Image from "next/image" import type { OrderItem } from "../types/menu" interface OrderSummaryProps { items: OrderItem[] onQuantityChange: (id: string, quantity: number) => void } export function OrderSummary({ items, onQuantityChange }: OrderSummaryProps) { const subtotal = items.reduce((sum, item) => sum + item.price * item.quantity, 0) const tax = subtotal * 0.05 const total = subtotal + tax return (

{["Dine in", "Take Away", "Delivery"].map((type) => ( ))}

{items.map((item) => (

{item.name}

${item.price.toFixed(2)}

{item.quantity}x

))}

Sub Total ${subtotal.toFixed(2)}

Tax 5% ${tax.toFixed(2)}

Total Amount ${total.toFixed(2)}

{[ { icon: DollarSign, label: "Cash" }, { icon: CreditCard, label: "Credit/Debit Card" }, { icon: QrCode, label: "QR Code" }, ].map((method) => ( ))}

) } [V0_FILE]typescriptreact:file="components/kitchen-status.tsx" interface KitchenStatusProps { orders: { id: string name: string items: number location: string status: "Process" | "Completed" }[] } export function KitchenStatus({ orders }: KitchenStatusProps) { return (

{orders.map((order) => (

{order.id}

{order.name}

{order.items} Items • {order.location}

{order.status}

))}

) } [V0_FILE]typescriptreact:file="app/page.tsx" "use client" import { useState } from "react" import { Sidebar } from "../components/sidebar" import { Header } from "../components/header" import { CategoryFilter } from "../components/category-filter" import { MenuGrid } from "../components/menu-grid" import { OrderSummary } from "../components/order-summary" import { KitchenStatus } from "../components/kitchen-status" import type { MenuItem, OrderItem } from "../types/menu" const SAMPLE_MENU_ITEMS: MenuItem[] = [ { id: "1", name: "Tasty Vegetable Salad Healthy Diet", price: 17.99, image: "https://hebbkx1anhila5yf.public.blob.vercel-storage.com/WhatsApp%20Image%202025-01-12%20at%2012.32.42%20PM-alondVCwMqXp7zaK03cT5xzq0I7UXx.jpeg", type: "Veg", category: "all", discount: 20, }, // Add more menu items here ] const SAMPLE_KITCHEN_ORDERS = [ { id: "T1", name: "Jacob Jones", items: 4, location: "Kitchen", status: "Process" as const, }, // Add more orders here ] export default function Page() { const [activeCategory, setActiveCategory] = useState("all") const [orderItems, setOrderItems] = useState([]) const handleAddItem = (item: MenuItem) => { setOrderItems((prev) => { const existing = prev.find((i) => i.id === item.id) if (existing) { return prev.map((i) => (i.id === item.id ? { ...i, quantity: i.quantity + 1 } : i)) } return [...prev, { ...item, quantity: 1 }] }) } const handleQuantityChange = (id: string, quantity: number) => { setOrderItems((prev) => quantity === 0 ? prev.filter((item) => item.id !== id) : prev.map((item) => (item.id === id ? { ...item, quantity } : item)), ) } return (

activeCategory === "all" || item.category === activeCategory)} onAddItem={handleAddItem} />

) } 7c:["$","$L84",null,{"chatId":"vDIzetCdQyI","children":["$","$L85",null,{"data":{"@\"active-block\",\"vDIzetCdQyI\",":{"id":"b_FuS6PcBZlIJ","messageId":"58FxtCbzFB78NuRsEwiBhgMrjnB01ZY8","source":"$86","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"restaurant-pos","type":"code-project","project":"restaurant-pos"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"vDIzetCdQyI\",":false,"":null},"children":"$L87"}]}]

About

Tags

Share

About

Tags

Share

More from singh1982avijit-4310

More Templates Like This